html {
      font-size: 62.5%;
      ::-webkit-scrollbar {
            width: 1px !important;
      }
      /* 纵向滚动条宽度 */
      scrollbar {
            width: 1px !important;
      }
}

body {
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
      overflow: scroll;
      overflow-x: hidden;
      overflow-y: hidden;
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
      color: white;
      background-color: #464646;
      background-image: url('../img/tomorrowland.png');
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-position: center center;
      background-size: cover;
      ul,
      li {
            margin: 0;
            padding: 0;
            list-style: none;
      }
      a {
            text-decoration: none;
            color: white;
      }
}

#root {
      width: 100%;
}

.main-container {
      width: 100%;
      .warning-container {
            position: fixed;
            top: 0;
            z-index: 999;
            width: 100%;
            background: black;
            color: white;
            font-size: 2rem;
            letter-spacing: 0.4rem;
            .flex-container {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  justify-content: center;
                  align-items: center;
            }
      }
}
